<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>blazorplay</title>
    <link rel="stylesheet" href="//cdn.staticfile.org/bootstrap/4.6.0/css/bootstrap.css" />
    <link href="assets/app.css" rel="stylesheet">
    <link href="assets/blazorplay.styles.css" rel="stylesheet">
</head>

<body>
    <div id="app">
        <div class="page" b-9qhooakj83="">
            <div class="sidebar" b-9qhooakj83="">
                
                <div class="top-row pl-4 navbar navbar-dark" b-gtot92q7k7="">
                    <a class="navbar-brand" href="" b-gtot92q7k7="">blazorplay</a>
                    <button class="navbar-toggler" b-gtot92q7k7="">
                        <span class="navbar-toggler-icon" b-gtot92q7k7=""></span>
                    </button>
                </div>
                

                <div b-gtot92q7k7="" class="collapse">
                    <ul class="nav flex-column" b-gtot92q7k7="">
                        <li class="nav-item px-3" b-gtot92q7k7="">
                            <a href="index.html" class="nav-link">
                                <span class="oi oi-home" aria-hidden="true" b-gtot92q7k7=""></span> Home
                            </a>
                        </li>
                        
                        <li class="nav-item px-3" b-gtot92q7k7="">
                            <a href="counter.html" class="nav-link">
                                <span class="oi oi-plus" aria-hidden="true" b-gtot92q7k7=""></span> Counter
                            </a>
                        </li>
                        
                        <li class="nav-item px-3" b-gtot92q7k7="">
                            <a href="fetchdata.html" class="nav-link active">
                                <span class="oi oi-list-rich" aria-hidden="true" b-gtot92q7k7=""></span> Fetch
                                data
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            

            <div class="main" b-9qhooakj83="">
                
                <div class="top-row px-4" b-9qhooakj83=""><a href="http://blazor.net" target="_blank" class="ml-md-auto"
                        b-9qhooakj83="">About</a></div>

                <div class="content px-4" b-9qhooakj83="">
                    
                    
                    <h1>Weather forecast</h1>

                    
                    <p>This component demonstrates fetching data from the server.</p>
                    <table class="table">
                        
                        <thead>
                            <tr>
                                <th>Date</th>
                                <th>Temp. (C)</th>
                                <th>Temp. (F)</th>
                                <th>Summary</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>2018/5/6</td>
                                
                                <td>1</td>
                                
                                <td>33</td>
                                
                                <td>Freezing</td>
                            </tr>
                            <tr>
                                <td>2018/5/7</td>
                                
                                <td>14</td>
                                
                                <td>57</td>
                                
                                <td>Bracing</td>
                            </tr>
                            <tr>
                                <td>2018/5/8</td>
                                
                                <td>-13</td>
                                
                                <td>9</td>
                                
                                <td>Freezing</td>
                            </tr>
                            <tr>
                                <td>2018/5/9</td>
                                
                                <td>-16</td>
                                
                                <td>4</td>
                                
                                <td>Balmy</td>
                            </tr>
                            <tr>
                                <td>2018/5/10</td>
                                
                                <td>-2</td>
                                
                                <td>29</td>
                                
                                <td>Chilly</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <div id="blazor-error-ui">
        An unhandled error has occurred.
        <a href="" class="reload">Reload</a>
        <a class="dismiss">🗙</a>
    </div>
    <script src="_framework/blazor.webassembly.js"></script>



    <script
        type="text/javascript">var Module; window.__wasmmodulecallback__(); delete window.__wasmmodulecallback__;</script>
    <script src="_framework/dotnet.5.0.7.js" defer="" integrity="sha256-eVXC3H/4m+ezQQjTc2E1OnklHv6g4ww4m3wKRI8boW8="
        crossorigin="anonymous"></script>
</body>

</html>